<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>数据字典</title>
    <%@ include file="/WEB-INF/views/commons/common.jsp"%>
    <script type="text/javascript" src="/static/js/system/dictionary.js"></script>
    <script type="text/javascript" src="/static/js/system/dictionaryItem.js"></script>
</head>
<body>



<div style="float:left;width:100%;">
    <div style="width: 50%; height: 100%;float: left;">
        <%--数据字典表格数据--%>
        <table id="dictionary_datagrid"></table>
    </div>
    <div style="width: 50%; height: 100%;float: left;">
        <%--数据字典详细数据表格--%>
        <table id="dictionaryItem_datagrid"></table>
    </div>
</div>


<%--表格工具栏--%>
<div id="tb">
    <a href="JavaScript:;" class="easyui-linkbutton dictionary" data-options="iconCls:'icon-add',plain:true" data-cmd="add"></a>
    <a href="JavaScript:;" class="easyui-linkbutton dictionary" data-options="iconCls:'icon-edit',plain:true" data-cmd="edit"></a>
    <a href="JavaScript:;" class="easyui-linkbutton dictionary" data-options="iconCls:'icon-remove',plain:true" data-cmd="remove"></a>
    <a href="JavaScript:;" class="easyui-linkbutton dictionary" data-options="iconCls:'icon-reload',plain:true" data-cmd="reload"></a>
</div>
<div id="tbItem">
    <a href="JavaScript:;" class="easyui-linkbutton dictionaryItem" data-options="iconCls:'icon-add',plain:true" data-cmd="addItem"></a>
    <a href="JavaScript:;" class="easyui-linkbutton dictionaryItem" data-options="iconCls:'icon-edit',plain:true" data-cmd="editItem"></a>
    <a href="JavaScript:;" class="easyui-linkbutton dictionaryItem" data-options="iconCls:'icon-remove',plain:true" data-cmd="removeItem"></a>
    <a href="JavaScript:;" class="easyui-linkbutton dictionaryItem" data-options="iconCls:'icon-reload',plain:true" data-cmd="reloadItem"></a>
</div>

<%--添加和编辑弹窗--%>
<div id="edit_dialog" align="center">
    <form id="edit_form" method="post">
        <table align="center" style="margin-top: 20px;
                border-collapse:separate; border-spacing:0px 10px;">
            <input type="hidden" id="hiddenId" name="id">
            <tr>
                <td>字典名称:</td>
                <td><input class="easyui-textbox" name="name"/></td>
            </tr>
            <tr>
                <td>字典编号:</td>
                <td><input class="easyui-textbox" name="sn"/></td>
            </tr>
            <tr>
                <td>字典目录简介:</td>
                <td><input  style="width: 230px;height: 50px"  class="easyui-textbox" name="intro"/></td>
            </tr>
        </table>
    </form>
</div>

<%--添加和编辑弹窗--%>
<div id="edit_dialogItem" align="center">
    <form id="edit_formItem" method="post">
        <table align="center" style="margin-top: 20px;
                border-collapse:separate; border-spacing:0px 10px;">
            <input type="hidden" id="hiddenItemId" name="id">
            <tr>
                <td>字典明细名称:</td>
                <td><input class="easyui-textbox" name="name"/></td>
            </tr>
            <tr>
                <td>字典明细简介:</td>
                <td><input  style="width: 230px;height: 50px"  class="easyui-textbox" name="intro"/></td>
            </tr>
            <tr>
                <td>所在字典目录:</td>
                <td>
                    <input id="parent.id" name="parent.id" class="easyui-combobox" data-options="
                        valueField: 'id',
                        textField: 'name',
                        url: '/dictionary/listData.do'
                        " />
                </td>
            </tr>
        </table>
    </form>
</div>

<%--弹窗底部按钮--%>
</div>
<div id="bb">
    <a href="JavaScript:;" class="easyui-linkbutton dictionary" iconCls="icon-save" data-cmd="save">保存</a>
    <a href="JavaScript:;" class="easyui-linkbutton dictionary" iconCls="icon-cancel" data-cmd="cancel">关闭</a>
</div>
<div id="bbItem">
    <a href="JavaScript:;" class="easyui-linkbutton dictionaryItem" iconCls="icon-save" data-cmd="saveItem">保存</a>
    <a href="JavaScript:;" class="easyui-linkbutton dictionaryItem" iconCls="icon-cancel" data-cmd="cancel">关闭</a>
</div>

</body>
</html>
